ＧＴ－ＯＮＥ　楽天タグ講座　パイプ奮闘記

雛形１


    毎度毎度言いますが、以前は日記でTABLEが使えませんでした。
    そのため、STYLEシートでボックスを作りまして、TABLEモドキで色々作っていましたが・・・・
    依然作りました、ボックスのTABLEモドキを、正規のTABLEに直してみます。
    スクロールボックスだけは、STYLEシートのボックスです。


此処に文字を入れます。
此処に文字を入れます。
此処に文字を入れます。
此処に文字を入れます。　
此処に文字を入れます。
此処に文字を入れます。
此処に文字を入れます。


    右のボタンの画像をクリックしますと
    大きなＷＥＢ画像で表示されます。
    消す時は×マークをクリックしてね
    此処に文字を入れます。　
    此処に文字を入れます。
    此処に文字を入れます。
    此処に文字を入れます。

【画像１】　　　【画像２】　　　【画像３】

　
【画像４】　　【画像５】　　　【画像６】　

　
↑これのタグは、↓これです。
　
<table bgcolor="全体の背景色はここに" background="http://背景画像のURLはここ" cellspacing="0" cellpadding="30" width="100%" align="center" style="border-style:double;border-width:3px;border-color:black;cursor:"><tr><td bgcolor="" align="center"><TABLE ALIGN="center" BORDER="0" CELLSPACING="0" CELLPADDING="0" WIDTH="100%" style="text-align:left;cursor:help;font-size:15px;line-height:1.3em;color:black;font-family: Comic Sans MS;"><TR><TD ALIGN="center"><IMG src="http://image4.photohighway.co.jp/p001/208/Photos/middle/299922107f10.jpg" width="250" height="188" style="border-style:ridge;border-width:10px;border-color:pink;"></TD><TD><CENTER style="border-style:none;overflow-y:scroll;overflow-x:auto;scrollbar-base-color:white;scrollbar-arrow-color:black;scrollbar-face-color:white; scrollbar-track-color:pink;width:100%;height:200px;text-align:left;">
<HR style="border-style: dashed; height:1px;border-color:blue; width: 90%;">此処に文字を入れます。
<HR style="border-style: dashed; height:1px;border-color:blue; width: 90%;">此処に文字を入れます。
<HR style="border-style: dashed; height:1px;border-color:blue; width: 90%;">此処に文字を入れます。
<HR style="border-style: dashed; height:1px;border-color:blue; width: 90%;">此処に文字を入れます。　
<HR style="border-style: dashed; height:1px;border-color:blue; width: 90%;">此処に文字を入れます。
<HR style="border-style: dashed; height:1px;border-color:blue; width: 90%;">此処に文字を入れます。
<HR style="border-style: dashed; height:1px;border-color:blue; width: 90%;">此処に文字を入れます。
<HR style="border-style: dashed; height:1px;border-color:blue; width: 90%;"></CENTER></TD></TR><TR><TD>
<CENTER style="border-style: solid;border-width:1px;background:pink;width:100%;height:200px;overflow-y:scroll;overflow-x:auto;scrollbar-base-color:pink;scrollbar-arrow-color:black;scrollbar-face-color:pink; scrollbar-track-color:white;text-align:left;"><UL>
<HR style="border-style: dashed; height:1px;border-color:blue; width: 90%;"><FONT COLOR="#0000FF">右のボタンの画像をクリックしますと</FONT>
<HR style="border-style: dashed; height:1px;border-color:blue; width: 90%;"><FONT COLOR="#0000FF">大きなＷＥＢ画像で表示されます。</FONT>
<HR style="border-style: dashed; height:1px;border-color:blue; width: 90%;"><FONT COLOR="#0000FF">消す時は×マークをクリックしてね</FONT>
<HR style="border-style: dashed; height:1px;border-color:blue; width: 90%;">此処に文字を入れます。　
<HR style="border-style: dashed; height:1px;border-color:blue; width: 90%;">此処に文字を入れます。
<HR style="border-style: dashed; height:1px;border-color:blue; width: 90%;">此処に文字を入れます。
<HR style="border-style: dashed; height:1px;border-color:blue; width: 90%;">此処に文字を入れます。
<HR style="border-style: dashed; height:1px;border-color:blue; width: 90%;"></UL></CENTER></TD><TD ALIGN="center">
【画像１】　　　【画像２】　　　【画像３】
<A HREF="http://image4.photohighway.co.jp/p001/208/Photos/middle/219922107f2.jpg" TARGET="_blank"><B style="border-style:outset;background-color:#C0C0C0"><img src="http://image4.photohighway.co.jp/p001/208/Photos/middle/219922107f2.jpg" width="75" height="56" border="0"></B></A><A HREF="http://image4.photohighway.co.jp/p001/208/Photos/middle/229922107f3.jpg" TARGET="_blank"><B style="border-style:outset;background-color:#C0C0C0"><img src="http://image4.photohighway.co.jp/p001/208/Photos/middle/229922107f3.jpg" width="75" height="56" border="0"></B></A><A HREF="http://image4.photohighway.co.jp/p001/208/Photos/middle/239922107f4.jpg" TARGET="_blank"><B style="border-style:outset;background-color:#C0C0C0"><img src="http://image4.photohighway.co.jp/p001/208/Photos/middle/239922107f4.jpg" width="75" height="56" border="0"></B></A>
　
【画像４】　　【画像５】　　　【画像６】　
<A HREF="http://image4.photohighway.co.jp/p001/208/Photos/middle/249922107f5.jpg" TARGET="_blank"><B style="border-style:outset;background-color:#C0C0C0"><img src="http://image4.photohighway.co.jp/p001/208/Photos/middle/249922107f5.jpg" width="75" height="56" border="0"></B></A><A HREF="http://image4.photohighway.co.jp/p001/208/Photos/middle/259922107f6.jpg" TARGET="_blank"><B style="border-style:outset;background-color:#C0C0C0"><img src="http://image4.photohighway.co.jp/p001/208/Photos/middle/259922107f6.jpg" width="75" height="56" border="0"></B></A><A HREF="http://image4.photohighway.co.jp/p001/208/Photos/middle/299922107f10.jpg" TARGET="_blank"><B style="border-style:outset;background-color:#C0C0C0"><img src="http://image4.photohighway.co.jp/p001/208/Photos/middle/299922107f10.jpg" width="75" height="56" border="0"></B></A></TD></TR></TABLE><DIV align=right><font size=1>By <A href="http://plaza.rakuten.co.jp/gtone/diary/" target="_blank" style="text-decoration: none;">GT-ONE</A></font></DIV></TD></TR></TABLE>

© Rakuten Group, Inc.